body{
	margin:0px;
	padding:0px;
}

table td{
    border: 1px solid #000000;
    padding:0px!important;
}

table td>button{
    width:100%;
    height:100%;
    margin:0px;
}

table td>button:hover{
    background:red;
}

table td>button:focus{
    background:lightcyan;
    border:cyan solid 3px;
}

table td>button:active{
    background:lightcyan;
    border:cyan ridge 3px;
}



input[name=col], input[name=row]{
    width:40px;
    text-align:right;
}

input[name=col]:blur, input[name=row]:blur{
    
}

 input[name=width], input[name=height] {
    width: 300px;
}

#info{
    position:absolute;
    left:-10000px;
    top: -10000px;
    width:510px;
    height:150px;
    border: 1px solid #000000;
    /*white-space: pre;*/
    background-color:#ffffff;
}

#info span {
    font-size: 16px;
    font-weight: bold;
    display:block;
    height:26px;
    width:100%;
    text-align: center;
    padding-top:3px;;
    background-color:blue;
}

input[name=closeInfo]{
    background-color: transparent;
    color: red;
    font-size: 16px;
    font-weight:bold;
    border: none;
    cursor: pointer;
    position:absolute;
    top: 3px;
    /*left: 486px;*/
    right: -2px;
}
